{extend name="public:layoutnhq" /}
{block name="title"}{$webConfig['WEBNAME']}-农化圈供应商入驻页{/block}
{block name="head"}
<link rel="stylesheet" href="/public/plugins/cloudzoom/cloudzoom.css">
<script type="text/javascript" src="/public/plugins/cloudzoom/cloudzoom.js"></script>
<script type="text/javascript" src="/public/plugins/timedown/jquery.yomi.js"></script>
<script src="/public/plugins/sku/goods.js"></script>
<script src="/public/plugins/template/template.js"></script>
<script type="text/javascript">
    CloudZoom.quickStart();
</script>
{/block}
{block name="body"}
{include file="public/header_nhq"/}
<div class="mc-full-focus supplier-channel-banner">
    <div class="bd">
        <ul class="focus-img">
            <li class="item" _src="url(../static/nhq_img/supplier_banner.jpg)" style="background:#fff top center no-repeat;"><a class="link" href="javascript:;"></a></li>
        </ul>
    </div>
    <div class="hd"><ul></ul></div>
    <span class="prev">
        <i class="iconfont icon-zuoyou1"></i>
    </span>
    <span class="next">
        <i class="iconfont icon-zuoyou"></i>
    </span>
</div>
<script type="text/javascript">
    /* 控制左右按钮显示 */
    jQuery(".mc-full-focus").hover(function(){ jQuery(this).find(".prev,.next").stop(true,true).fadeTo("show",0.5) },function(){ jQuery(this).find(".prev,.next").fadeOut() });
    /* 调用SuperSlide */
    jQuery(".mc-full-focus").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click",
        startFun:function(i){
            var curLi = jQuery(".mc-full-focus .bd li").eq(i); /* 当前大图的li */
            if( !!curLi.attr("_src") ){
                curLi.css("background-image",curLi.attr("_src")).removeAttr("_src") /* 将_src地址赋予li背景，然后删除_src */
            }
        }
    });
</script>
<div class="g-container supplier-channel-row">
    <div class="row-title">
        <div class="text">
            四<span class="spill">/</span>大<span class="spill">/</span>优<span class="spill">/</span>势<span class="spill">/</span>介<span class="spill">/</span>绍
        </div>
    </div>
    <div class="mc-avg-4 avg-margin-10">
        <div class="item">
            <div class="advantage-item">
                <img src="../static/nhq_img/supplier_icon1.jpg" class="thumb" alt="">
                <div class="text">增加新用户数量</div>
                <a href="javascript:;" class="link">供应商免费申请</a>
            </div>
        </div>
        <div class="item">
            <div class="advantage-item">
                <img src="../static/nhq_img/supplier_icon2.jpg" class="thumb" alt="">
                <div class="text">缩短回款账期</div>
                <a href="javascript:;" class="link">供应商免费申请</a>
            </div>
        </div>
        <div class="item">
            <div class="advantage-item">
                <img src="../static/nhq_img/supplier_icon3.jpg" class="thumb" alt="">
                <div class="text">提高产品出货量</div>
                <a href="javascript:;" class="link">供应商免费申请</a>
            </div>
        </div>
        <div class="item">
            <div class="advantage-item">
                <img src="../static/nhq_img/supplier_icon4.jpg" class="thumb" alt="">
                <div class="text">开拓电商市场</div>
                <a href="javascript:;" class="link">供应商免费申请</a>
            </div>
        </div>

    </div>

</div>
<div class="supplier-channel-row supplier-settled">
    <div class="g-container">
        <div class="text-title">
            入<span class="spill">/</span>驻<span class="spill">/</span>流<span class="spill">/</span>程<span class="spill">/</span>介<span class="spill">/</span>绍
        </div>
        <div class="mc-avg-5 avg-margin-20">
            <div class="item">
                <div class="settled-item">
                    <img src="../static/nhq_img/supplier_icon5.jpg" class="thumb" alt="">
                    <div class="text">申请入驻</div>
                    <p class="desc">
                        这里是文字说明部分。满足某某条件的商家可以申请入驻农化圈平台
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="settled-item">
                    <img src="../static/nhq_img/supplier_icon6.jpg" class="thumb" alt="">
                    <div class="text">填写公司相关资料</div>
                    <p class="desc">
                        这里是文字说明部分。满足某某条件的商家可以申请入驻农化圈平台
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="settled-item">
                    <img src="../static/nhq_img/supplier_icon7.jpg" class="thumb" alt="">
                    <div class="text">平台审核相关资料</div>
                    <p class="desc">
                        这里是文字说明部分。满足某某条件的商家可以申请入驻农化圈平台
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="settled-item">
                    <img src="../static/nhq_img/supplier_icon8.jpg" class="thumb" alt="">
                    <div class="text">签订入驻协议</div>
                    <p class="desc">
                        这里是文字说明部分。满足某某条件的商家可以申请入驻农化圈平台
                    </p>
                </div>
            </div>
            <div class="item">
                <div class="settled-item">
                    <img src="../static/nhq_img/supplier_icon9.jpg" class="thumb" alt="">
                    <div class="text">成功入驻平台</div>
                    <p class="desc">
                        这里是文字说明部分。满足某某条件的商家可以申请入驻农化圈平台
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="g-container supplier-channel-row supplier-form">
    <div class="row-title">
        <div class="text">
            立<span class="spill">/</span>即<span class="spill">/</span>申<span class="spill">/</span>请<span class="spill">/</span>入<span class="spill">/</span>驻
        </div>
    </div>
    <div class="info-box">
        农化圈平台向您保证：您的资料将加密处理，确保信息安全，请放心填写！您还可以咨询电话：400-880-7283
    </div>
    <div class="supplier-form-box">
        <form action="" class="pure-form pure-form-aligned mu-form mu-form-aligned">
        <div class="left">
            <div class="form-title">企业信息</div>
            <div class="pure-control-group">
                <label class="group-tit" class="group-tit" for="consignee"><span class="required"></span>企业名称</label>
                <input id="consignee" type="text" name="consignee" placeholder="请输入企业名称">
                <div class="form-tips">请填写企业营业执照上登记名称，不能使用简称</div>
            </div>
            <div class="pure-control-group">
                <label class="group-tit">所在区域</label>
                <select id="prov_id" name="prov_id" class="form-avg-3">
                    <option value="">山西省</option>
                </select>
                <select id="city_id" name="city_id" class="form-avg-3">
                    <option value="">晋中市</option>
                </select>
                <select id="dist_id" name="dist_id" class="form-avg-3">
                    <option value="">榆次区</option>
                </select>
            </div>
            <div class="pure-control-group">
                <label class="group-tit" for="tel_phone">企业详细地址</label>
                <input id="tel_phone" type="text" name="tel_phone" placeholder="请输入企业详细地址">
            </div>
            <div class="pure-control-group">
                <label class="group-tit" for="address">企业电话</label>
                <input id="address" type="text" placeholder="请输入企业联系电话">
            </div>
            <div class="pure-control-group">
                <label class="group-tit" for="address">经营类型</label>
                <label class="pure-radio">
                    <input type="radio" name="sex" value="option1" checked>
                    终端用户
                </label>
                <label  class="pure-radio">
                    <input type="radio" name="sex" value="option2">
                    贸易商
                </label>
                <label  class="pure-radio">
                    <input type="radio" name="sex" value="option2">
                    终端指定贸易商
                </label>
            </div>
            <div class="pure-control-group">
                <label class="group-tit" for="number">员工数量</label>
                <input id="number" type="text" placeholder="请输入企业员工数量">
            </div>
            <div class="pure-control-group">
                <label class="group-tit" for="content">主营业务</label>
                <textarea id="content" placeholder="请输入主营业务信息"></textarea>
            </div>
            <div class="pure-control-group">
                <label class="group-tit" for="select">年营业额</label>
                <select id="select" name="select" class="select-block">
                    <option value="">选项内容</option>
                </select>
            </div>
            <div class="pure-controls">
                <label class="group-tit" for="cb" class="pure-checkbox">
                    <input id="cb" type="checkbox"> 我同意 <a href="javascript:;">《农化圈入驻协议》</a>
                </label>
            </div>
        </div>
        <div class="right">
            <div class="form-title">法人代表信息</div>
            <div class="pure-control-group">
                <label class="group-tit" class="group-tit" for="real_name"><span class="required"></span>真实姓名</label>
                <input id="real_name" type="text" name="consignee" placeholder="请输入法人代表姓名">
            </div>
            <div class="pure-control-group">
                <label class="group-tit" class="group-tit" for="card"><span class="required"></span>身份证号</label>
                <input id="card" type="text" name="consignee" placeholder="请输入法人代表身份证号码">
            </div>
            <div class="pure-control-group">
                <label class="group-tit" class="group-tit" for="tel"><span class="required"></span>手机号码</label>
                <input id="tel" type="text" name="consignee" placeholder="请输入法人代表手机号码">
            </div>
            <div class="um-action-box">
                <button type="submit" class="pure-button pure-button-primary">立即申请</button>
            </div>
        </div>
        </form>
    </div>
</div>
{include file="public/footer"/}
{/block}
{block name="script"}
{/block}
